@charset "UTF-8";
* {
  margin: 0;
  padding: 0; }

html {
  font-size: 64px; }

.fl {
  float: left; }

.fr {
  float: right; }

.clear {
  clear: both; }

.clearfix::after {
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  height: 0; }

* {
  margin: 0;
  padding: 0; }

body {
  background: url(../img/gh-背景.png); }

section {
  width: 11.71875rem; }
  section .fz {
    margin-top: 6.84375rem;
    margin-left: 4.51563rem; }
    section .fz img:first-of-type {
      display: block;
      width: 2.67188rem;
      height: 2.25rem; }
    section .fz img:last-of-type {
      display: block;
      margin-top: 0.35938rem;
      width: 2.67188rem;
      height: 0.625rem; }
  section .font {
    margin-left: 3.3125rem;
    margin-top: 0.54688rem; }
    section .font img:first-of-type {
      display: block;
      width: 5.09375rem;
      height: 0.5rem; }
    section .font img:last-of-type {
      display: block;
      margin-top: 0.15625rem;
      width: 5.09375rem;
      height: 0.28125rem; }
  section .bottons {
    margin-top: 7.40625rem;
    margin-left: 1.32813rem;
    font-size: 0; }
    section .bottons .login {
      display: inline-block;
      font-size: 0.5rem;
      text-align: center;
      line-height: 1.1875rem;
      width: 4.3125rem;
      height: 1.1875rem;
      border: 0.03125rem solid #d62d31;
      border-radius: 0.125rem;
      background: white; }
      section .bottons .login a {
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none;
        color: #d62d31; }
    section .bottons .zhuce {
      font-size: 0.5rem;
      margin-left: 0.3125rem;
      background: #d62d31;
      display: inline-block;
      text-align: center;
      line-height: 1.1875rem;
      width: 4.3125rem;
      height: 1.1875rem;
      border: 0.03125rem solid #d62d31;
      border-radius: 0.125rem; }
      section .bottons .zhuce a {
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none;
        color: white; }
